<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>{% block title %}{{ call_method('setting', 'oa_name')|raw }}{% endblock %}</title>
{% block stylesheets %}
<link rel="stylesheet" href="/public/inspinia/css/bootstrap.min.css">
<link rel="stylesheet" href="/public/inspinia/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="/public/inspinia/css/plugins/iCheck/custom.css">
<!--select2-->
<link rel="stylesheet" href="/public/select2/select2.min.css">
<!--select2-->
<!--datetimepicker-->
<link rel="stylesheet" href="/public/datetimepicker/jquery.datetimepicker.css">
<!--datetimepicker-->
<link rel="stylesheet" href="/public/inspinia/css/style.css">
<link rel="stylesheet" href="/public/dry/dry.css">
{% endblock %}
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
</head>
<body>
<div id="wrapper">
    <!--lefter start-->
    {% include 'lefter.html.twig' %}
    <!--lefter end-->
    <!--right start-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <!--header start-->
        {% include 'header.html.twig' %}
        <!--header end-->
        <!--content start-->
        <div class="wrapper wrapper-content animated fadeInRight">
            {% if app.session.flashbag.has('message_success') %}
                <div class="panel panel-primary">
                    <div class="panel-heading">{{ dry_translation('systemMessage') }}</div>
                    <div class="panel-body">
                        {% for flashMessage in app.session.flashbag.get('message_success') %}
                            <p>{{ flashMessage }}</p>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
            {% if app.session.flashbag.has('message_error') %}
                <div class="panel panel-danger">
                    <div class="panel-heading">{{ dry_translation('systemMessage') }}</div>
                    <div class="panel-body">
                        {% for flashMessage in app.session.flashbag.get('message_error') %}
                            <p>{{ flashMessage }}</p>
                        {% endfor %}
                    </div>
                </div>
            {% endif %}
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <!--body_bar content start-->
                            {% block body_bar %}{% endblock %}
                            <!--body_bar content end-->
                        </div>
                        <div class="ibox-content">
                            <!--body content start-->
                            {% block body %}{% endblock %}
                            <!--body content end-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--content end-->
        <!--footer start-->
        {% include 'footer.html.twig' %}
        <!--footer end-->
    </div>
    <!--right end-->
</div>
{% block javascripts %}
<script src="/public/inspinia/js/jquery-2.1.1.js"></script>
<script src="/public/inspinia/js/bootstrap.min.js"></script>
<script src="/public/inspinia/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/public/inspinia/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="/public/inspinia/js/inspinia.js"></script>
<script src="/public/inspinia/js/plugins/pace/pace.min.js"></script>
<script src="/public/inspinia/js/plugins/iCheck/icheck.min.js"></script>
<!--datetimepicker-->
<script src="/public/datetimepicker/jquery.datetimepicker.full.min.js"></script>
<!--datetimepicker-->
<!--select2-->
<script src="/public/select2/select2.full.min.js"></script>
<!--select2-->
<script src="/public/dry/dry.js"></script>
{% endblock %}
<script>
$(function(){
    $('.i-checks').iCheck({checkboxClass:'icheckbox_square-green', radioClass:'iradio_square-green'});
    $('.datetime_picker').datetimepicker({lang:'en', format:'Y-m-d H:i:s'});
    $('.date_picker').datetimepicker({lang:'en', format:'Y-m-d'});
    {% set _route = call_method('resetRouteName', app.request.get('_route')) %}
    $("#side-menu a[routeName='{{ _route }}']").parent().addClass('active').parent().addClass('in').parent().addClass('active');
    $(".the_detail_button").click(
        function(){
            showDetailModal($(this).parent().find("textarea").html());
        }
    );
    $('.select2').select2({placeholder:"Please select", allowClear:true});
    checkPermissionButton('/{{ container.getParameter('admin_path') }}/system/check/permission/button');
});
</script>
{% block html_end %}{% endblock %}
</body>
</html>
